<template>
	<view class="sk-container">
		<view>
			<view is="components/form-item/form-item">
				<view class="form-item item--form-item">
					<view class="form-item__label item--form-item__label sk-transparent sk-text-14-2857-450 sk-text">
						交易地址</view>
					<view class="form-item__control item--form-item__control">
						<view disabled="true" value="广东省深圳市宝安区海城路" class="sk-image"></view>
					</view>
				</view>
			</view>
			<view is="components/form-item/form-item">
				<view class="form-item item--form-item">
					<view class="form-item__label item--form-item__label sk-transparent sk-text-14-2857-573 sk-text">
						交易描述</view>
					<view class="form-item__control item--form-item__control">
						<view disabled="true" value="大狗子" class="sk-image"></view>
					</view>
				</view>
			</view>
			<view is="components/form-item/form-item">
				<view class="form-item item--form-item">
					<view class="form-item__label item--form-item__label sk-transparent sk-text-14-2857-928 sk-text">
						交易类型</view>
					<view class="form-item__control item--form-item__control">
						<image class="trade-type sk-image"></image>
					</view>
				</view>
			</view>
			<view is="components/form-item/form-item">
				<view class="form-item item--form-item">
					<view class="form-item__label item--form-item__label sk-transparent sk-text-14-2857-430 sk-text">
						联系方式</view>
					<view class="form-item__control item--form-item__control">
						<view disabled="true" value="18989898989" class="sk-image"></view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss">
	.form-item {
		display: flex;
		align-items: center;
		padding: 0 20rpx;
		height: 100rpx;
		border-bottom: 1px solid #000;
		
		&__label {
			width: 200rpx;
		}
		
		&__control {
			flex: 1;
			overflow: hidden;
			text-align: right;
		}
	}
	
	.sk-transparent {
		color: transparent !important;
	}

	.sk-text-14-2857-450 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 44.8000rpx;
		position: relative !important;
	}

	.sk-text {
		background-origin: content-box !important;
		background-clip: content-box !important;
		background-color: transparent !important;
		color: transparent !important;
		background-repeat: repeat-y !important;
	}

	.sk-text-14-2857-573 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 44.8000rpx;
		position: relative !important;
	}

	.sk-text-14-2857-928 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 44.8000rpx;
		position: relative !important;
	}

	.sk-text-14-2857-430 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 44.8000rpx;
		position: relative !important;
	}

	.sk-image {
		background: #EFEFEF !important;
	}

	.sk-container {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		background-color: transparent;
	}
</style>